import { HashRouter, Route } from 'react-keeper';
import React from 'react';

// const routes = [
//     {
//         path: '/',
//         getComponent: (nextState, cb) => {
//             require.ensure([], (require) => {
//                 cb(null, require('views/index/main').default)
//             }, 'main')
//         },
//         childRoutes: [{
//             path: '/map',
//             getComponent: (nextState, cb) => {
//                 require.ensure([], (require) => {
//                     cb(null, require('views/map/map').default)
//                 }, 'map')
//             }
//         }, {
//             path: '/home',
//             getComponent: (nextState, cb) => {
//                 require.ensure([], (require) => {
//                     cb(null, require('views/home/home').default)
//                 }, 'home')
//             }
//         }]
//     },
//     {
//         path: '/svgList',
//         getComponent: (nextState, cb) => {
//             require.ensure([], (require) => {
//                 cb(null, require('views/svgList/svgList').default)
//             }, 'svgList')
//         }
//     },
//     {
//         path: '/init',
//         getComponent: (nextState, cb) => {
//             require.ensure([], (require) => {
//                 cb(null, require('views/index/init').default)
//             }, 'init')
//         },
//         childRoutes: [
//             {
//                 path: '/login',
//                 getComponent: (nextState, cb) => {
//                     require.ensure([], (require) => {
//                         cb(null, require('views/login/login').Login)
//                     }, 'login')
//                 }
//             },
//             {
//                 path: '/register',
//                 getComponent: (nextState, cb) => {
//                     require.ensure([], (require) => {
//                         cb(null, require('views/login/login').Register)
//                     }, 'register')
//                 }
//             },
//             {
//                 path: '/playerSelect',
//                 getComponent: (nextState, cb) => {
//                     require.ensure([], (require) => {
//                         cb(null, require('views/playerSelect/playerSelect').default)
//                     }, 'playerSelect')
//                 }
//             },
//             {
//                 path: '/createPlayer',
//                 getComponent: (nextState, cb) => {
//                     require.ensure([], (require) => {
//                         cb(null, require('views/playerSelect/createPlayer').default)
//                     }, 'createPlayer')
//                 }
//             },
//         ]
//     }
// ];
// import Map from 'views/map/map';

const loginFilter = (callback, props) => {


    console.log(props)
    callback()

}

const RouterConfig = () => {
    return (<HashRouter enterFilter={loginFilter} >
        <Route path="/main" enterFilter={loginFilter} loadComponent={(callback) => {
            require.ensure([], (require) => {
                callback(require('views/index/main').default)
            }, 'main')
        }}>
            <Route path='/home' loadComponent={(callback) => {
                require.ensure([], (require) => {
                    callback(require('views/home/home').default)
                }, 'home')
            }} />
            <Route path='/map' loadComponent={(callback) => {
                require.ensure([], (require) => {
                    callback(require('views/map/map').default)
                }, 'map')
            }} />
        </Route>
    </HashRouter>)
}

export default RouterConfig;